﻿body { margin: 0; font-size: 13px; line-height: 1.6; background-image: url("../../Content/images/siteBackground.jpg"); font-family: "Open sans", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; font-weight: 400; color: #555; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
:hover, :focus, :active { outline: none; }
a { color: #0078CF; font-weight: normal; cursor: pointer; text-decoration: none; transition: color 0.2s ease; -moz-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; }
a:hover { color: #000; text-decoration: none; background: rgba(0, 0, 0, .025); }
::-moz-selection { background: #0078CF; color: #fff; text-shadow: none; }
::selection { background: #0078CF; color: #fff; text-shadow: none; }
p { margin: 0 0 1em; }
pre, code, kbd, samp { font-family: monospace,monospace; _font-family: 'courier new',monospace; font-size: 1em; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0; }
label { display: block; margin-bottom: 1em; font-weight: 700; }
fieldset { border: none; }

/* -- H tags
------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; font-weight: normal; }
h1 { font-size: 4.1em; letter-spacing: -0.075em; text-transform: uppercase; line-height: 0.9; color: #555; margin: 0 0 0.5em; font-weight: normal; }
h2 { font-size: 2.5em; margin: 0 0 20px; letter-spacing: -0.05em; color: #555; line-height: 1; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.17em; text-transform: uppercase; margin: 0; color: #555; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #0078CF; text-decoration: underline; }

/* -- FORMS 
------------------------------------------------------------- */

input, select, textarea { border: 1px solid #DDD; color: #777; font-size: 1em; padding: 1em; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
textarea { padding: 1em; min-height: 15em; height: auto; width: 100%; }
input:hover, textarea:hover, input:focus, textarea:focus, input:active, textarea:active { border: 1px solid #999; }
input[type="text"], textarea { cursor: text; }
input[type="radio"], input[type="checkbox"] { display: inline; width: auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline; }
input[type="file"] { border: none; }
input[type="date"] { width: auto; }
select { height: auto; }

/* -- BUTTONS 
------------------------------------------------------------- */

.button, input[type="submit"], button, .accordion-title { color: #666; font-size: 1.1em; font-weight: normal; padding: 0.6em 1.2em; text-shadow: 0 1px 0 #fff; border: solid 1px #ddd; text-decoration: none; cursor: pointer; border-radius: 2px; }
.button:hover, input[type="submit"]:hover, button:hover, .accordion-title:hover { color: #333; text-decoration: none; border-color: #BBB; }
.button:focus, input[type="submit"]:focus, button:focus, .accordion-title:focus { color: #333; border-color: #BBB; }
.button:active, input[type="submit"]:active, button:active, .accordion-title:active { color: #000; background: #F5F5F5; border-color: #444; position: relative; top: 1px; }
.button { background: -moz-linear-gradient(center top, #f3f3f3, #dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd)); background: -o-linear-gradient(top, #f3f3f3, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd'); border-color: #000; border-width: 1px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #333; cursor: pointer; display: inline-block; padding: 6px 6px 4px; margin-top: 10px; font: 12px; width: 214px; }
.button:hover { background: #ddd; }

/* -- MISC------ */

figure { max-height: 100%; overflow: hidden; }
figure figcaption { }
img { max-width: 100%; height: auto; width: auto; }
a img { -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; }
a img:hover { *zoom: 1; opacity: 0.7; filter: alpha(opacity = 70); }

/* -- HEADER -------------- */

header#navtop { margin-bottom: 2em; clear: both; overflow: hidden; }
header nav ul { float: left; overflow: hidden; padding: 0 3em 0 2em; border-left: 1px solid #ddd; line-height: 2em; }
nav a, menu a { text-decoration: none; color: #555; }
.navactive { color: #0078CF; }
.logo { width: 10em; margin-bottom: 3em; }
.logo:hover { background: none; }

/* -- GENERAL 
------------------------------------------------------------- */

.main > section { margin-bottom: 7em; }
.main header { color: #555; margin-bottom: 3em; }
.main header hr { border-top-color: #999; }
.arrow:after { content: " \27F6"; /* html unicode: &#10230; */ }
header .arrow { color: #999; font-style: italic; }
.arrow:hover { color: #0078CF; }
.list-links a { margin-left: 1em;margin-right: 1em;}

/* -- FOOTER
------------------------------------------------------------- */
footer { color: #555; margin-bottom: 7em; }
footer nav ul { float: right; overflow: hidden; }
footer a { color: #999; }
footer li { float: left; margin-right: 1em; padding-right: 1em; border-right: 1px solid #DDD; font-size: 0.8em; }
footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.up a { display: block; text-align: center; margin: 0 auto; }

/* -------------------------------------------------------------
======	IE Fix
------------------------------------------------------------- */
.lt-ie9 .works figure a, .lt-ie9 .works figure a img { filter: inherit; }
/* jquery filter opacity issue IE8 */
.lt-ie9 .container { min-width: 780px; }
.lt-ie8 .container { width: 960px; }
.lt-ie8 .grid-wrap { margin-left: 0; }
.lt-ie8 .grid { padding: 0; margin-left: 5%; }
.lt-ie8 .grid:first-child { margin-left: 0; }
.lt-ie8 .col-full { width: 99.95%; }
.lt-ie8 .col-full + .grid { margin-left: 0; }
.lt-ie8 .col-one-half { width: 47.45%; }
.lt-ie8 .col-one-third { width: 29.55%; }
.lt-ie8 .col-two-thirds { width: 64.95%; }
.lt-ie8 .col-one-quarter { width: 19.95%; }
.lt-ie8 .col-three-quarters { width: 74.95%; }

/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- */

/* -- Media query 1 (mq1)
------------------------------------------------------------- */
@media only screen and (max-width: 60em) { /* 13 / 780 */
    h1 { font-size: 3.1em; }
    .slide figcaption { width: 80%; }
    footer li { float: left; margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #DDD; }
}

/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */
    header nav { width: 100%; }
    header nav ul { padding: 0; border-left: none; line-height: 2em; }
    header nav ul li { float: left; padding: 0 1em; border-left: 1px solid #ddd; }
    .slider { margin-top: 3em; }
}

/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media only screen and (max-width: 30em) { /* 13 / 390 */
    header nav ul li { padding: 0 0.5em; }
    footer li { float: none; margin-right: 0em; padding-right: 0em; border-right: none; line-height: 2em; }
    .services article { margin-top: 3em; }
    .services article:first-of-type { margin-top: 0; }
    .schedule-box { width: 100%; display: block; }
}

/* -- PRINT STYLES 
------------------------------------------------------------- */
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; }
    abbr[title]:after { content: "("attr(title) ")"; }
    pre, blockquote { page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/*PAGES*/

.home-page { margin-left: 1em; }
.logOn-page { margin-left: 30%!important; }
.logOn-page #LogOnButton { float: right; border-color: #BBB; width: 25%; }
.logOn-page #RegistrationButton { float: left; width: 50%; height: 10%; border-color: #BBB; }
#loginBox { width: 60%; }
#loginBox li input { width: 100%; }
#loginBox #FoggotPassword { float: left; }
#loginBox #registration { margin-top: 2em; }

/* StudyRoom */
.studyRoom-container { color: #999; }
.studyRoom-container h2 { margin-bottom: 1em; font-size: 2em; color: #666; }
.studyRoom-container .widget { padding-bottom: 2em; border-bottom: 1px solid #DDD; margin-bottom: 2em; }
.studyRoom-container .widget:last-child { border-bottom: none; }
.studyRoom-container a { font-weight: normal; color: inherit; text-decoration: none; margin-left: 1em; }
.studyRoom-container a:hover { color: #333; }
.studyRoom-container li { padding-left: 1em; margin-bottom: 0.5em; white-space: nowrap; text-overflow: ellipsis; width: 95%; overflow: hidden; display: block; }
.studyRoom-container li a:before { padding-right: 1em; }
#studyRoom a { margin-left: 1em; }
#studyRoom .userInfo {  width: 80%; margin-left: 1em; }
.user-info-row-header { background: #f7f6f0;}
.user-info-row-header h1 { font-size: 1.5em;margin-left: 1em;width: 50%;display: inline-block;margin-top: 0.2em;}
.user-info-row-header a { float: right;display: inline-block;margin-right: 1em;}

/* Student */
.selectTable { width: 98%; border: 1px #e8e7e1 solid; margin-left: 1em; border-collapse: collapse; }
.selectTable td { border: 1px #e8e7e1 solid; text-align: center; }
.selectTable thead th { border: 1px #e8e7e1 solid; background: #f7f6f0; }
.student-button { font-size: 0.8em; color: #999; font-weight: normal; margin-left: 0 !important; margin-bottom: 1em; }
.student-button:hover { text-decoration: none; }
#study-group-button-panel { margin-left: 1em; }

/*POPUP*/
#content { float: left; width: 100%; }
#mask { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.8; z-index: 999; }
.popup { display: none; background: #333; padding: 10px; border: 2px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; box-shadow: 0px 0px 20px #999; -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ }
.popup-label { margin-bottom: 0; }
.popup-input { width: 15em; margin-bottom: 1em; margin-top: 0;}
.popup.add-student-popup { width: 16em;}
/*---*/
.social { margin-left: 1em; }
.bottom-menu { margin-left: 6em; float: right; }


/*!!!!!!!!!!!!!!!!!*/
.action-icons { width: 25px; }
.schedule-container { }
.schedule-boxes { }
.schedule-day { background: #a1b2c1; color: #fff; font-size: 1.3em; padding-left: 1em; }
.schedule-box { width: 45%; margin-bottom: 1em; margin-right: 2em; display: inline-block; }
.schedule-tabel { width: 100%; border-collapse: collapse; }
.schedule-tabel tr td { border: 1px solid #DDD; }
.schedule-tabel tr { width: 100%; border: 1px solid #DDD; }
.journal-content { }
.journal-header { }
.journal-quarters-menu { }
#journal-quarters-menu { }
#journal-quarters-menu li { display: inline-block; border: 1px solid #DDD; list-style-type: none; padding: 1px 5px 0 0; float: left; }
#journal-quarters-menu a { float: left; color: #676464; }
#journal-quarters-menu .active { background: #dcdcdc !important; border-color: #ccc; }
.journal-mark-container { display: block; margin-top: 1em; width: 100%; }
.journal-discipline { width: 15em !important; }
.journal-mark-table .even { background: #f0f0f0; }
.journal-mark-table { display: inline-block; border-collapse: collapse; width: 100%; min-width: 50%; overflow-x: auto; }
.journal-mark-table td { font: normal 12px/1.2 Tahoma, Arial; vertical-align: middle; border: 1px solid #e1e1e1; }
.journal-mark-table thead td { width: 2em; padding: 0; color: #4b6082; font-weight: bold; text-align: center; }
.journal-mark-table tbody td { height: 2em; }
.journal-mark-table tbody .journal-mark-test { background: yellow; }

